<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<!DOCTYPE html>
<html>
<head>
<title>Liste des Produits</title>
<meta name="viewport"
	content="initial-scale=1.0,maximum-scale=1.0,user-scalable=no">
<link rel="stylesheet" href="css/loginExt.css">
<link rel="stylesheet" href="css/menu.css">
<link rel="stylesheet" href="bootstrap3.0.3/css/bootstrap.min.css">
<link rel="stylesheet"
	href="bootstrap3.0.3/css/bootstrap-responsive.min.css">
<link rel="stylesheet" href="css/beoro.css">
<link rel="stylesheet" href="css/apprise.css">
<link rel="icon" type="image/ico" href="img/M.ico">
<script type="text/javascript" src="js/jquery.min.js"></script>
<!--[if lte IE 8]><link rel="stylesheet" href="css/ie8.css"><![endif]-->
<!--[if IE 9]><link rel="stylesheet" href="css/ie9.css"><![endif]-->
<!--[if lt IE 9]>
            <script src="js/ie/html5shiv.min.js"></script>
            <script src="js/ie/respond.min.js"></script>
            <script src="js/lib/flot-charts/excanvas.min.js"></script>
        <![endif]-->
</head>
<body class="body">
	<c:set var="temp" value="0"/>	
	<jsp:include page="menu.jsp"></jsp:include>
	 <div class="main-wrapper">
	
            
        <div class="container" >
                <ul id="breadcrumbs">
                   
                </ul>
        </div>
        <div class="container" style=" left: 250px; width: 1000px; position:absolute;">
        <div class="row-fluid">
        <div class="span12">
                        <div class="w-box w-box-blue">
                            <div class="w-box-header">
                                <h4 id = "h4">Liste des produits</h4>
                                
                            </div>
                            <div class="w-box-content">
                                <div id="list_scrollTo" class="jQ-list jQ-list-scroll">		<ul>
							<c:forEach var="sortProduit"  items="${liste}" >	
								<c:if test="${temp ne sortProduit.libelle.substring(0,1)}">
									<c:set var="temp" value="${sortProduit.libelle.substring(0,1)}"/>
									<li>
									<h4>${temp}</h4>
									</li>
								</c:if>
								<li id="al1"><span class="list-username"> 
								<a href="<c:url value="produit-edit"><c:param name="id" value="${sortProduit.id}"/></c:url>">${sortProduit.libelle}</a></span>
<%--  								<a href="javascript:void(0)">${sortProduit.libelle}</a></span> --%>
								 <span class="list-info"><span>Prix unitaire:</span>${sortProduit.prix_unit}
											<span>Stock:</span>${sortProduit.stock}
								<a href="center-administration-update.jsp">
								<i class="splashy-contact_blue_edit" style="position: absolute; left: 965px;" id="a1" title="Modifier"></i></a>
 								</span></li>
							</c:forEach>						
						</ul>
					</div>
				</div>
			</div>

		</div>
	</div>
	</div>
</div>
	

</body>
</html>